<?php if (!defined('THINK_PATH')) exit();?><!doctype html>
<html class="no-js">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title></title>

    <!--360 browser -->
    <meta name="renderer" content="webkit">
    <meta name="author" content="wos">
    <!-- Android -->
    <meta name="mobile-web-app-capable" content="yes">
    <link rel="icon" sizes="192x192" href="images/i/app.png">
    <!--Safari on iOS -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
    <link rel="apple-touch-icon-precomposed" href="images/i/app.png">
    <!--Win8 or 10 -->
    <meta name="msapplication-TileImage" content="images/i/app.png">
    <meta name="msapplication-TileColor" content="#e1652f">

    <link rel="icon" type="image/png" href="images/i/favicon.png">
    <link rel="stylesheet" href="<?php echo (COMMON_URL); ?>/css/amazeui.min.css">
    <link rel="stylesheet" href="//localhost/zhucheweiwangzhan/Public/Home/css/public.css">
    <link href="//localhost/zhucheweiwangzhan/Public/Home/css/demo.css" rel="stylesheet" type="text/css" />
    <link href="//localhost/zhucheweiwangzhan/Public/Home/css/cartstyle.css" rel="stylesheet" type="text/css" />

    <link href="//localhost/zhucheweiwangzhan/Public/Home/css/jsstyle.css" rel="stylesheet" type="text/css" />
    <!--[if (gte IE 9)|!(IE)]><!-->
    <script src="<?php echo (COMMON_URL); ?>/js/jquery.min.js"></script>
    <!--<![endif]-->
    <!--[if lte IE 8 ]>
    <script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
    <script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
    <script src="$Think.const.COMMON_URL}/js/amazeui.ie8polyfill.min.js"></script>
    <![endif]-->
    <script src="<?php echo (COMMON_URL); ?>/js/amazeui.min.js"></script>
    <script src="//localhost/zhucheweiwangzhan/Public/Home/js/public.js"></script>
</head>
<body>
<style type="text/css">
    .am-topbar {
        background-color:#FC605A;
    }
    .zjq-date {
        padding-left:0px !important;
    }
    .zjq-date-btn {
        margin-right:10px !important;
    }
    .zjq-date-span {
        display: inline-block;
        margin-right:4rem;
    }
</style>

<header class="am-topbar am-topbar-fixed-top wos-header">
    <div class="am-container">
        <h1 class="am-topbar-brand">
            <a href="#"><img src="images/logo.png" alt=""></a>
        </h1>

        <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-warning am-show-sm-only"
                data-am-collapse="{target: '#collapse-head'}">
            <span class="am-sr-only">导航切换</span>
            <span class="am-icon-bars"></span>
        </button>

        <div class="am-collapse am-topbar-collapse" id="collapse-head">
            <ul class="am-nav am-nav-pills am-topbar-nav">
                <li><a href="index.html">首页</a></li>
                <li><a href="#">资讯</a></li>
                <li><a href="#">专栏</a></li>
                <li class="am-dropdown" data-am-dropdown>
                    <a class="am-dropdown-toggle" data-am-dropdown-toggle href="javascript:;">
                        案例 <span class="am-icon-caret-down"></span>
                    </a>
                    <ul class="am-dropdown-content">
                        <li class="am-dropdown-header">案例</li>
                        <li><a href="#">1. 游戏案例</a></li>
                        <li><a href="#">2. 营销案例</a></li>
                        <li><a href="#">3. 工具案例</a></li>
                    </ul>
                </li>
                <li class="am-active"><a href="#">评测</a></li>
                <li><a href="#">活动</a></li>
            </ul>

            <div class="am-topbar-right">
                <button class="am-btn am-btn-default am-topbar-btn am-btn-sm"><span class="am-icon-pencil"></span>注册</button>
            </div>

            <div class="am-topbar-right">
                <button class="am-btn am-btn-danger am-topbar-btn am-btn-sm"><span class="am-icon-user"></span> 登录</button>
            </div>
        </div>
    </div>
</header>

<div class="concent">
    <div id="payTable">
        <h3>确认订单信息</h3>
        <div class="cart-table-th">
            <div class="wp">

                <div class="th th-item">
                    <div class="td-inner">商品信息</div>
                </div>
                <div class="th th-price">
                    <div class="td-inner">单价</div>
                </div>
                <div class="th th-amount">
                    <div class="td-inner">数量</div>
                </div>
                <div class="th th-sum">
                    <div class="td-inner">金额</div>
                </div>
                <div class="th th-oplist">
                    <div class="td-inner">配送方式</div>
                </div>

            </div>
        </div>
        <div class="clear"></div>


        <div class="bundle  bundle-last">

            <div class="bundle-main">
                <ul class="item-content clearfix">
                    <div class="pay-phone">
                        <li class="td td-item">
                            <div class="item-pic">
                                <a href="#" class="J_MakePoint">
                                    <img src="../images/kouhong.jpg_80x80.jpg" class="itempic J_ItemImg"></a>
                            </div>
                            <div class="item-info">
                                <div class="item-basic-info">
                                    <a href="#" class="item-title J_MakePoint" data-point="tbcart.8.11">天蓝色小龟</a>
                                </div>
                            </div>
                        </li>
                        <li class="td td-info">
                            <div class="item-props">
                                <span class="sku-line">颜色：12#川南玛瑙</span>
                                <span class="sku-line">电瓶：60v</span>
                            </div>
                        </li>
                        <li class="td td-price">
                            <div class="item-price price-promo-promo">
                                <div class="price-content">
                                    <em class="J_Price price-now">39.00</em>
                                </div>
                            </div>
                        </li>
                    </div>
                    <li class="td td-amount">
                        <div class="amount-wrapper ">
                            <div class="item-amount ">
                                <span class="phone-title">租赁数量</span>
                                <div class="sl">
                                    <input class="min am-btn" name="" type="button" value="-">
                                    <input class="text_box" name="" type="text" value="3" style="width:30px;">
                                    <input class="add am-btn" name="" type="button" value="+">
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="td td-sum">
                        <div class="td-inner">
                            <em tabindex="0" class="J_ItemSum number">117.00</em>
                        </div>
                    </li>
                    <li class="td td-oplist">
                        <div class="td-inner">
                            <span class="phone-title">配送方式</span>
                            <div class="pay-logis">
                                快递<b class="sys_item_freprice">10</b>元
                            </div>
                        </div>
                    </li>

                </ul>
                <div class="clear"></div>

            </div>

            <div class="clear"></div>
        </div>

        </div>
        <div class="clear"></div>
        <div class="pay-total">
            <!--留言-->
            <div class="order-extra">
                <div class="order-user-info">
                    <div id="holyshit257" class="memo">
                        <label>给雷锋出行留言：</label>
                        <input type="text" title="选填,对本次交易的说明（建议填写已经和卖家达成一致的说明）" placeholder="选填,建议填写和卖家达成一致的说明" class="memo-input J_MakePoint c2c-text-default memo-close">
                        <div class="msg hidden J-msg">
                            <p class="error">最多输入500个字符</p>
                        </div>
                    </div>
                </div>

            </div>
            <!--优惠券 -->
            <div class="buy-agio">
                <li class="td td-coupon">

                    <span class="coupon-title">优惠邀请码</span>
                    <select data-am-selected="">
                        <option value="a">

                            ￥8


                            【消费满95元可用】

                        </option>
                        <option value="b" selected="">

                            ￥3


                            【无使用门槛】

                        </option>
                    </select>
                </li>

                <li class="td td-bonus">

                    <span class="bonus-title">红包</span>
                    <select data-am-selected="">
                        <option value="a">

                            ¥50.00元


                            还剩10.40元

                        </option>
                        <option value="b" selected="">

                            ¥50.00元


                            还剩50.00元

                        </option>
                    </select>

                </li>


            </div>
            <div class="clear"></div>
            <div class="am-alert am-alert-danger" id="my-alert" style="display: none">
                <p>开始日期应小于结束日期！</p>
            </div>
            <div class="am-g">
                <div class="am-u-sm-6 zjq-date">
                    <button type="button" class="am-btn am-btn-default am-margin-right zjq-date-btn" id="my-start">开始日期</button><span id="my-startDate">2014-12-20</span>
                </div>
                <div class="am-u-sm-6 zjq-date">
                    <button type="button" class="am-btn am-btn-default am-margin-right zjq-date-btn" id="my-end">结束日期</button><span id="my-endDate">2014-12-25</span>
                </div>
            </div>
        </div>
        <!--含运费小计 -->
        <div class="buy-point-discharge ">
            <p class="price g_price ">
                <span class="zjq-date-span">一共：12天</span>
                合计（含运费） <span>¥</span><em class="pay-sum">244.00</em>
            </p>
        </div>

    </div>

    <div class="clear"></div>
</div>

<div data-am-widget="gotop" class="am-gotop am-gotop-fixed" >
    <a href="#top" title="回到顶部">
        <span class="am-gotop-title">回到顶部</span>
        <i class="am-gotop-icon am-icon-chevron-up"></i>
    </a>
</div>

<script>
    $(function() {
        var startDate = new Date(2014, 11, 20);
        var endDate = new Date(2014, 11, 25);
        var $alert = $('#my-alert');
        $('#my-start').datepicker().
        on('changeDate.datepicker.amui', function(event) {
            if (event.date.valueOf() > endDate.valueOf()) {
                $alert.find('p').text('开始日期应小于结束日期！').end().show();
            } else {
                $alert.hide();
                startDate = new Date(event.date);
                $('#my-startDate').text($('#my-start').data('date'));
            }
            $(this).datepicker('close');
        });

        $('#my-end').datepicker().
        on('changeDate.datepicker.amui', function(event) {
            if (event.date.valueOf() < startDate.valueOf()) {
                $alert.find('p').text('结束日期应大于开始日期！').end().show();
            } else {
                $alert.hide();
                endDate = new Date(event.date);
                $('#my-endDate').text($('#my-end').data('date'));
            }
            $(this).datepicker('close');
        });
    });
</script>
<script type="text/javascript">
    $(document).ready(function() {

        $(function () {
            $(".add").click(function () {
                var t = $(this).parent().find('input[class*=text_box]');
                t.val(parseInt(t.val()) + 1)
            })
            $(".min").click(function () {
                var t = $(this).parent().find('input[class*=text_box]');
                t.val(parseInt(t.val()) - 1)
                if (parseInt(t.val()) < 0) {
                    t.val(0);
                }
            })
        })
    });






</script>
<div data-am-sticky="{bottom:0px}">
    <button class="am-btn am-btn-primary am-btn-block">下单</button>
</div>
</body>
</html>